<template>
	<div class="register">
		<van-nav-bar class="title" title="修改密码" left-text="返回" left-arrow @click-left="onClickLeft" />
		<van-form @submit="onSubmit">
			<van-field v-model="phone" label="手机号码:" clearable type="telephone" placeholder="请输入手机号" :rules="[{ required: true, message: '请输入手机号' }]"
			 name="phone" class="top" />
			<van-field v-model="sms" center clearable placeholder="短信验证码" label="验证码:" :rules="[{ required: true, message: '请输入验证码' }]">
				<van-button slot="button" size="small" type="primary" class="send">获取验证码</van-button>
			</van-field>
			<van-field v-model="password1" type="password" clearable label="登陆密码:" placeholder="登陆密码" :rules="[{ required: true, message: '请输入密码' }]" />
			<van-field v-model="password2" type="password" clearable label="再次输入:" placeholder="再次输入" :rules="[{ required: true, message: '请输入密码' }]" />
			<div class="confirm">
				<van-button round block type="info" native-type="submit">
					确定修改
				</van-button>
			</div>

		</van-form>
		<div class="pay">点击去支付，即同意 <span>资金存管协议</span></div>
	</div>
</template>
<script>
	export default {
		name: 'register',
		data() {
			return {
				phone: '',
				password1: '',
				password2: '',
				sms: ''
			};
		},
		methods: {
			onSubmit(values) {
				console.log('submit', values);
			},
			onClickLeft() {}
		}
	};
</script>
<style lang="less" scoped>
	
	.register {
		.van-button--round {
			border-radius: 4px !important;
		}

		/deep/ .van-nav-bar__title {
			font-weight: bold !important;
			font-size: 19px !important;
		}

		/deep/ .van-field__label {
			font-size: 17px;
		}

		.van-button--info {
			background: #257fe7;
			font-size: 18px;
		}

		.pay {
			>span {
				color: #257fe7
			}

			position: fixed;
			bottom: 19px;
			text-align: center;
			width:100%
		}

		.confirm {
			margin-top: 38px;
			padding: 14px;
		}

		font-weight:bold !important;

		.top {
			margin-top: .3rem;
		}

		.rember {
			position: absolute;
			right: -20px;
			color: #EF5B19;
		}

		.send {
			background: #257fe7;
			border: none;
		}

		h1 {
			font-size: 24px;
			font-weight: bold;
			margin: 23px 0 12px 15px;
		}


	}
</style>
